#header h1.title{font-size:170%;text-transform:uppercase;padding:10px 0 0;margin:0}
.post-body h1{font-size:200%;color:#f30}
.post-body h2{font-size:160%;color:#f30}
.post-body h3{font-size:140%;color:#f30;margin:0}
.post-body h4{font-size:120%;color:#f30}
.post-body h5{font-size:110%;color:#f30}
.post-body h6{font-size:100%;color:#f30}
#labelxnya{float:left;position:relative;border-left:1px solid #09C03C}
#labelxnya span{height:30px;cursor:pointer;display:block;color:white;line-height:30px;font-size:12px;padding:0 20px 0 12px;z-index:2;position:relative}
#labelxnya span::after{content:&quot;&quot;;width:0;height:0;border-width:15px 5px;border-style:solid;border-color:transparent transparent #f30 #f30;position:absolute;top:0;left:100%}
#labelxnya .clicklabelx::before{content:&quot;&quot;;width:0;height:0;border-width:5px 3px;border-style:solid;border-color:#E9E9E9 transparent transparent transparent;position:absolute;top:13px;right:5px}
#labelxnya ul,#labelxnya li{padding:0;margin:0;list-style:none}
#labelxnya ul.labelxx{position:absolute;width:180px;top:30px;background-color:white;border:1px solid #ECECEC;display:none;z-index:2}
ul.labelxx a{padding:0 10px;height:25px;line-height:25px;display:block;text-decoration:none}
ul.labelxx a:hover{background-color:#D2FAE2}
#labelxnya:hover ul.labelxx{display:block}
#content-wrapper{padding:10px 10px 0 10px;position:relative}
@media only screen and (min-width:768px) and (max-width:960px){
  #outer-wrapper{width:100%}
  #main-wrapper{width:65%}
  #sidebar-wrapper{width:35%}
  #menulabel{margin-right:10px}
  #header-inner{max-width:100%;height:auto}
  #header img{max-width:100%;height:auto}
  #nav{font-size:67%}
  .post-body{font-size:14px}
}
@media only screen and (max-width:767px){
  #outer-wrapper{width:100%}
  #header-inner{max-width:100%;height:auto}
  #header img{max-width:100%;height:auto}
  #main-wrapper,#sidebar-wrapper{width:100%;padding:0;float:none;}
  #nav{position:relative}
  #nav ul{background-color:#940000;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
  #nav ul.subx{width:100%;position:static}
  #nav li{display:block;float:none;width:auto}
  #nav input,#nav label{position:absolute;top:0;left:0;display:block}
  #nav input{z-index:4}
  #nav input:checked + label{color:#fff}
  #nav input:checked ~ ul{display:block}
  #nav li.mhome a{text-indent:20px;width:100%}
  #nav li.mhome a:hover{background-color:gold;color:#000;text-decoration:none}
  #menulabel{margin-right:0}
  .post h2.post-title{font-size:150%;max-height:40px;font-weight:bold;}
  .post-body h3{text-align:left;font-weight:bold;}
  .post-body{font-size:150%;line-height:normal;}
}
@media only screen and (max-width:600px){
  #outer-wrapper{width:500px}
  .post h2.post-title{font-size:110%;max-height:40px;font-weight:bold;}
  .post-body h3{font-size:110%;text-align:left;font-weight:bold;}
}
@media only screen and (max-width:479px){
  #outer-wrapper{width:100%}
  #labelxnya span{padding:0;width:40px;text-indent:-9999px;background-image:url(http://2.bp.blogspot.com/-JMUBMkGYcX8/UM9jRlNTEDI/AAAAAAAAHKg/oxn7iJgRXRg/s1600/spite1.png);background-position:3px -222px;background-repeat:no-repeat}
  #ajax-search-form input{width:120px}
  #header-inner{max-width:100%;height:auto}
  #header img{max-width:100%;height:auto}
  .post h2.post-title{font-size:110%;max-height:40px;font-weight:bold;}
  .post-body h3{font-size:110%;text-align:left;font-weight:bold;}
}